.file_list {
  display: flex;
  column-gap: 8px;

  :deep(.el-upload) {
    width: 40px;
    height: 40px;
  }
}

.select_header {
  display: flex;
  gap: 5px;

  :deep(.el-input__wrapper) {
    height: 26px !important;
    font-size: 12px !important;
  }
}

.drawer_title_container {
  display: flex;
  align-items: center;
  column-gap: 10px;
}

.body {
  height: 100%;
  display: flex;
  flex-direction: column;

  .form {
    .title {
      padding-left: 6px;
      margin-bottom: 12px;
      border-left: 3px solid $primaryColor;
      font-size: 14px;
      font-weight: bold;
    }

    .info_list {
      display: flex;
      padding: 0 32px 24px 32px;
      column-gap: 32px;
      flex-wrap: wrap;

      .info_item {
        display: flex;
        column-gap: 5px;

        .label {
          color: #606266;
        }
      }
    }

    .content {
      padding: 0 32px 30px 32px;

      :deep(.el-form) {
        display: flex;
        flex-wrap: wrap;
        column-gap: 72px;
        row-gap: 12px;

        .warehouse_back_container,
        .personal_phone_container,
        .address_container {
          display: flex;
          flex-direction: column;
          row-gap: 12px;

          .el-form-item {
            width: 250px;

            .el-form-item__label {
              height: 16px;
              line-height: 16px;
              margin-bottom: 3px;
            }

            .el-form-item__content {
              .back_warehouse_info_list {
                display: flex;
                column-gap: 12px;
                width: 320px;
                flex-wrap: wrap;
                flex-direction: column;
                margin-top: 3px;

                .info_item {
                  display: flex;
                  column-gap: 5px;
                  align-items: flex-start;

                  .label {
                    color: #606266;
                    white-space: nowrap;
                    height: 16px;
                    line-height: 16px;
                    width: 50px;
                    text-align: right;
                  }

                  .value {
                    line-height: 16px;
                  }
                }
              }

              .el-textarea {
                width: auto;

                .el-textarea__inner {
                  min-width: 250px !important;
                  max-width: 550px !important;
                  min-height: 28px !important;
                  max-height: 100px !important;
                  height: 28px;
                }
              }
            }
          }
        }

        .address_container {
          .el-form-item {
            min-width: 430px;

            .el-form-item__content {
              display: flex;
              column-gap: 5px;
              flex-wrap: nowrap;
              align-items: flex-start;

              .el-cascader {
                width: 100% !important;
              }

              .el-textarea {
                width: 100% !important;

                .el-textarea__inner {
                  width: 100% !important;
                  min-height: 28px !important;
                  max-height: 190px !important;
                  height: 28px;
                }
              }
            }
          }
        }
      }
    }
  }
}
